<template>
    <div class="detail">
        <van-nav-bar
            title="专栏详情"
            left-arrow
             @click-left="$router.back()"
        />
        <div class="content">
            <h3 v-html="detail.title"></h3>
            <img :src="detail.pic" alt="">
            <div v-html="detail.content"></div>
        </div>
    </div>
</template>

<script>
import { getSymDetail } from '@/api/home'
export default {
    name: '',
    data() { 
        return {
            detail: {}
        }
    },
    created() {
        getSymDetail(this.$route.query.id).then(res => {
            // console.log(res);
            this.detail = res.data
        })
    },
    methods:{

    },
}
</script>

<style scoped lang="scss">
.detail {
    overflow: auto;
    background-color: #fff;
    .content {
        padding: 0 20px;
        div {
            font-size: 30px;
            text-indent: 2em;
            line-height: 80px;
        }
    }
    h3 {
        text-align: center;
        margin: 40px 0;
    }
    img {
        width: 100%;
    }
}
</style>